<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<link href="${ctx}/css/style.css" rel="stylesheet" type="text/css" />
<link href="${ctx}/css/table.css" rel="stylesheet" type="text/css" />
<link href="${ctx}/dwz/themes/default/style.css" rel="stylesheet"
	type="text/css" media="screen" />
<link href="${ctx}/dwz/themes/css/core.css" rel="stylesheet"
	type="text/css" media="screen" />
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style type="text/css">
body {
	font-size: 12px;
}

h2,h3 {
	margin: 0;
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#outer_wrap li {
	padding-left: 30px;
	line-height: 24px;
}

.controlSymbol {
	padding: 0 5px;
	border: 1px solid #adff2f;
	cursor: pointer;
}
</style>
</head>
<body>
<div style="height:100%;width:100%;overflow:auto;">
	<ul id="DROP">
		<li>
			<h2 align="left">学生信息1235555</h2>
			<ul>
				<li>
					<tr>
						<td align="center">
							<table border="0"  cellpadding="0" cellspacing="0"
								id="box_num_table2" class="box_num_table">
								<thead>
									<tr bgcolor="white">
										<td>
											<!-- <input type="checkbox"  onclick="checkAll(this)"/> -->
										</td>

										<td>姓名</td>
										<td>性别</td>
										<td>出生日期</td>
										<td>联系电话</td>
										<td>身份证号</td>
										<td>班级</td>
										<td>宿舍号</td>
										<td>入学时间</td>

										<td>&nbsp;</td>
									</tr>
								</thead>
								<tbody>
									<tr bgcolor="white">
										<td>
											<!-- <input class="aaa" type="checkbox" /> -->
										</td>

										<td>王泳</td>
										<td>男</td>
										<td>1988/11/17</td>
										<td>13691410397</td>
										<td>130227198810096435</td>
										<td>1603</td>
										<td>207</td>
										<td>2016-04-05</td>

										<td>&nbsp;</td>
									</tr>

								</tbody>
							</table>
						</td>
					</tr>

				</li>


			</ul>
		</li>

		<li>
			<h2 align="left">交费详情</h2>
			<ul>
				<li>
					<tr>
						<td align="center">
							<table border="0" cellpadding="0" cellspacing="0"
								id="box_num_table2" class="box_num_table">
								<thead>
									<tr bgcolor="white">
										<td>
											<!-- <input type="checkbox"  onclick="checkAll(this)"/> -->
										</td>


										<td>缴费类型</td>
										<td>缴费金额</td>
										<td>支付类型</td>
										<td>缴费时间</td>
									</tr>
								</thead>
								<tbody>
									<tr bgcolor="white">
										<td>
											<!-- <input class="aaa" type="checkbox" /> -->
										</td>


										<td>学费</td>
										<td>15000.00元</td>
										<td>现金</td>
										<td>2016/04/05</td>
									</tr>
									<tr bgcolor="white">
										<td>
											<!-- <input class="aaa" type="checkbox" /> -->
										</td>


										<td>住宿费</td>
										<td>4000.00元</td>
										<td>现金</td>
										<td>2016/04/05</td>
									</tr>
									<tr bgcolor="white">
										<td>
											<!-- <input class="aaa" type="checkbox" /> -->
										</td>


										<td>保险费</td>
										<td>100.00元</td>
										<td>现金</td>
										<td>2016/04/05</td>
									</tr>
									<tr bgcolor="white">
										<td>
											<!-- <input class="aaa" type="checkbox" /> -->
										</td>


										<td>末班费</td>
										<td>500.00元</td>
										<td>支付宝</td>
										<td>2016/05/05</td>
									</tr>
									<tr bgcolor="white">
										<td>
											<!-- <input class="aaa" type="checkbox" /> -->
										</td>


										<td>电脑押金</td>
										<td>1500.00元</td>
										<td>现金</td>
										<td>2016/04/06</td>
									</tr>

								</tbody>
							</table>
						</td>
					</tr>
				</li>


			</ul>
			<h2 align="left">退费详情</h2>
			<ul>
				<li>
					<tr>
						<td align="center">
							<table border="0" cellpadding="0" cellspacing="0"
								id="box_num_table2" class="box_num_table">
								<thead>
									<tr bgcolor="white">
										<td>
											<!-- <input type="checkbox"  onclick="checkAll(this)"/> -->
										</td>


										<td>退费类型</td>
										<td>退费金额</td>
										<td>支付类型</td>
										<td>退费时间</td>
									</tr>
								</thead>
								<tbody>
									<tr bgcolor="white">
										<td>
											<!-- <input class="aaa" type="checkbox" /> -->
										</td>

										<td>住宿费</td>
										<td>1000.00元</td>
										<td>现金</td>
										<td>2017/01/10</td>
									</tr>

								</tbody>
							</table>
						</td>
					</tr>
				</li>


			</ul>
			<h2 align="left">末班记录</h2>
			<ul>
				<li>
					<tr>
						<td align="center">
							<table border="0" cellpadding="0" cellspacing="0"
								id="box_num_table2" class="box_num_table">
								<thead>
									<tr bgcolor="white">
										<td>
											<!-- <input type="checkbox"  onclick="checkAll(this)"/> -->
										</td>

										<td>末班前班级</td>
										<td>末班后班级</td>
										<td>末班日期</td>
										<td>末班总次数</td>
									</tr>
								</thead>
								<tbody>
									<tr bgcolor="white">
										<td>
											<!-- <input class="aaa" type="checkbox" /> -->
										</td>

										<td>1603A</td>
										<td>1604A</td>
										<td>2016/05/02</td>
										<td>2</td>
									</tr>
									<tr bgcolor="white">
										<td>
											<!-- <input class="aaa" type="checkbox" /> -->
										</td>

										<td>1604A</td>
										<td>1605A</td>
										<td>2016/06/03</td>
										<td>&nbsp;</td>
									</tr>

								</tbody>
							</table>
						</td>
					</tr>
				</li>


			</ul>
			<h2 align="left">欠费明细</h2>
			<ul>
				<li>
					<tr>
						<td align="center">
							<table border="0" cellpadding="0" cellspacing="0" 
								id="box_num_table2" class="box_num_table">
								<thead>
									<tr bgcolor="white">
										<td>
											<!-- <input type="checkbox"  onclick="checkAll(this)"/> -->
										</td>

										<td>欠费类型</td>
										<td>欠费金额</td>
									</tr>
								</thead>
								<tbody>
									<tr bgcolor="white">
										<td>
											<!-- <input class="aaa" type="checkbox" /> -->
										</td>

										<td>学费</td>
										<td>5000.00元</td>
									</tr>
									<tr bgcolor="white">
										<td>
											<!-- <input class="aaa" type="checkbox" /> -->
										</td>

										<td>住宿费</td>
										<td>500.00元</td>
									</tr>
									<tr bgcolor="white">
										<td>
											<!-- <input class="aaa" type="checkbox" /> -->
										</td>

										<td>保险费</td>
										<td>50.00元</td>
									</tr>
									<tr bgcolor="white">
										<td>
											<!-- <input class="aaa" type="checkbox" /> -->
										</td>

										<td>欠费总计</td>
										<td>5550.00元</td>
									</tr>

								</tbody>
							</table>
						</td>
					</tr>
				</li>


			</ul>
		</li>

	</ul>
</div>
</body>
</html>
<script>
var innerText = document.innerText ? 'innerText' : 'textContent';
var span = document.createElement('span');
span[innerText] = '+';
span.className = 'controlSymbol';

function $(id){
return document.getElementById(id);
}
function $_(){
var args = arguments;
var ret = [];
for(var i = 0; i < args.length; i++){
var temp = document.getElementsByTagName(args[i]);
try{
ret = ret.concat(Array.prototype.slice.call(temp,0));
}catch(e){
for(var j = 0; j < temp.length; j++){
ret.push(temp[j]);
}
}
}
return ret;
}
function addSymbol(h){
var innerSpan = span.cloneNode(true);
h.insertBefore(innerSpan,h.firstChild);
}
function next(el){
while(el.nextSibling){
if(el.nextSibling.nodeType == 1){
return el.nextSibling;
}
el = el.nextSibling;
}
return null;
}
var DROP = $('DROP');
var hs = $_('h2','h3');
for(var i = 0 ; i < hs.length; i++){
addSymbol(hs[i]);
}
DROP.onclick = function(event){
event = event || window.event;
var t = event.target || event.srcElement;
if(t.className == 'controlSymbol'){
var sn = next(t.parentNode);
var snStyle = next(t.parentNode).style;
snStyle.display = (snStyle.display == 'block' || snStyle.display == '') ? 'none' : 'block';
t[innerText] = t[innerText] == '+' ? '-':'+';
}
}
</script>